<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>

		<script type="text/javascript">
			mui.init()
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的订单</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">

						<div class="mui-media-body" style="padding-left: 5px;">
							<span>姓名：王五</span>
							<div style="float:right;border-radius:50px;background:green;width:40px;height: 40px;text-align: center;color:white;font-size:1.2em;padding:8px;">跟</div>
							<span style="float:right;padding-right:5px;">电话：1234567890</span>
							<div style="padding-right:5px;color:grey;">房屋类型:公寓</div>
							<div style="padding-right:5px;color:grey;">所住地区:广东省广州市番禺区大石街道</div>
							<div style="padding-right:5px;color:grey;">同比较楼盘:什么鬼</div>
							<div style="padding-right:5px;color:grey;">交通工具:地铁</div>
							<div style="padding-right:5px;color:grey;">付款方式:全款</div>

							<p>最近跟进日期：2019-03-20</p>
							<p class='mui-ellipsis'>备注：这是备注信息备注：这是备注信息备注：这是备注信息备注：这是备注信息</p>

						</div>
					</a>

				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">

						<div class="mui-media-body" style="padding-left: 5px;">
							<span>姓名：陈六</span>
							<div style="float:right;border-radius:50px;background:orange;width:40px;height: 40px;text-align: center;color:white;font-size:1.2em;padding:8px;">终</div>
							<span style="float:right;padding-right:5px;">电话：1234567890</span>
							<div style="padding-right:5px;color:grey;">房屋类型:公寓</div>
							<div style="padding-right:5px;color:grey;">所住地区:广东省广州市番禺区大石街道</div>
							<div style="padding-right:5px;color:grey;">同比较楼盘:什么鬼</div>
							<div style="padding-right:5px;color:grey;">交通工具:地铁</div>
							<div style="padding-right:5px;color:grey;">付款方式:全款</div>

							<p>最近跟进日期：2019-03-20</p>
							<p class='mui-ellipsis'>备注：这是备注信息备注：这是备注信息备注：这是备注信息备注：这是备注信息</p>
						</div>
					</a>

				</li>
			</ul>

		</div>
		<script type="text/javascript">
		</script>
	</body>

</html>